<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<link rel="stylesheet" type="text/css" href="../Styles/head-foot.css" />
<script type="text/javascript">
	function ShowDanhMuc() {
		document.getElementById("menuDanhMuc").style.display = "block";
		document.getElementById("mnDanhMuc").className = "currentMainMenu";
	}
	function HideDanhMuc() {
		document.getElementById("menuDanhMuc").style.display = "none";
		document.getElementById("mnDanhMuc").className = "";
	}
</script>

<div align="center">
	<div id="HeaderPanel" align="center">
		<a href="TrangGioHang.do?action=VaoGioHang" title="Giỏ hàng">
			<div class="rightFloatMenu" id="gioHang"></div>
		</a>
		<div id="BannerPanel">
			<a href="#"> <img class="logo" src="../Images/Logo.png"></a>
			<div id="HeaderRightPanel">
				<div id="LoggedStatusPanel">
					<c:choose>
						<c:when test="${sessionScope.taiKhoan != null && sessionScope.taiKhoan.getHoten() != ''}">
							Xin chào, <a href="TrangTaiKhoanThanhVien.do?action=TrangTaiKhoanThanhVien" title="">${sessionScope.taiKhoan.getHoten()}</a> | <a
								href="#" target="">Đăng xuất</a>
							<br /> Giỏ hàng <a href="TrangGioHang.do?action=VaoGioHang">${sessionScope.gioHang.size()
								+ 0} sản phẩm</a>
							<c:choose>
								<c:when test="${sessionScope.taiKhoan.getLaadmin()}">
									<br />
									<a href="AdminHome.do?action=VaoTrangAdmin"> >> Vào trang Quản Lý << </a>
								</c:when>
							</c:choose>
						</c:when>
						<c:otherwise>
							<a href="#" title="">Đăng Nhập</a> | <a href="#" target="">Đăng
								kí</a>
						</c:otherwise>
					</c:choose>
				</div>
				<hr>
				<div id="SearchPanel">
					<input id="inputTimKiem" class="txtField" type="text" name="txtTim"
						size=auto value="" /> <a href="#">
						<div id="SearchButton">Tìm</div>
					</a>
				</div>
			</div>
		</div>
		<div align="center">
			<div align="center" id="MenuPanel">
				<ul class="menu">
					<a href="#">
						<li><span>Sản phẩm mới</span></li>
					</a>
					<a href="#">
						<li><span>Sản phẩm hot</span></li>
					</a>
					<a href="#">
						<li class="" id="mnDanhMuc" onmouseover="ShowDanhMuc()"
						onmouseout="HideDanhMuc()"><span>Danh mục</span></li>
					</a>
					<a href="#">
						<li><span>Chức năng</span></li>
					</a>
					<a href="#">
						<li><span>Giúp đỡ</span></li>
					</a>
					<a href="#">
						<li><span>Liên hệ</span></li>
					</a>
				</ul>

				<div class="menuPopup" id="menuDanhMuc" onmouseover="ShowDanhMuc()"
					onmouseout="HideDanhMuc()">
					<ul class="subMenu">
						<c:forEach var="sp" items="${sessionScope.nhomSanPham}">
							<a href="#">
								<li><span>${sp.getTennhom()}</span></li>
							</a>
						</c:forEach>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>